<template>
		<el-menu >
        <el-sub-menu index="1">
          <template #title>
            <span>充值订单</span>
          </template>
            <el-menu-item index="1-1">
				<router-link to="/hideviprecharge/viprechargeorder/rechargeorderlist">订单列表</router-link>
			</el-menu-item>
        </el-sub-menu>
		<el-menu-item index="2">
          <!-- <el-icon><setting /></el-icon> -->
			<router-link to="/hideviprecharge/viprefundhistory">退款记录</router-link>
        </el-menu-item>
      </el-menu>
</template>

<script setup>
	import { ElRow,ElCol,ElMenu,ElMenuItem,ElSubMenu } from 'element-plus';
	import { useRoute,useRouter } from 'vue-router';
</script>
<style scoped>
	.el-menu{
		height: 91vh;
		border: none;
		background: #ffffff;
		box-sizing: border-box;
		overflow-y: scroll;
	}
	:deep(.el-sub-menu__title){
		padding:0;
	}
	a{
		text-decoration:none;
		color:#494948;
		width: 90%;
		height: 45px;
		margin: 0 auto;
		text-align: center;
	}
	.el-menu-item{
		height: 45px !important;
		line-height: 45px;
	}
	a.router-link-active{
		background: #E9ECFD;
		color: #6e70bf;
	}
</style>